<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Hello World</title>
    </h:head>
    <h:body>
          <ui:composition  template="/templates/commonTemplate.xhtml">
            <ui:define name="title">
               Hello World
            </ui:define>

            <ui:define name="description">
                在JSF 2 中所有的资源文件诸如：css,image,js..都应该放入resources文件夹，此文件夹应在你的web应用的根目录下与WEB-INF平级。
                resources目录下的子目录从某种角度可以认为是library或者theme（主题）归类，在jsf的资源引入标记中可以通过library属性对其进行引用。
                JSF2对于资源的管理机制可以通过简单的切换theme、library、versioning等达到资源整体便利的切换。
            </ui:define>
            <ui:define name="implementation">
                <h:outputText value="#{helloWorld.message}"/>
                #{helloWorld.message}
                #{helloWorld.getMessage()}
            </ui:define>
            <ui:define name="source">
                <p:tabView>
                    <p:tab title="jsf代码">
                        <pre name="code" class="brush:xml">
                &lt;h:graphicImage  url=&quot;/jsf_default/resoures.png&quot; height=&quot;600&quot;/&gt;
                &lt;h:graphicImage library=&quot;demo&quot; name=&quot;images/misc/kobe.png&quot;/&gt;
                        </pre>
                    </p:tab>
                    <p:tab title="渲染后的html代码">
                        <pre name="code" class="brush:xml">
                    &lt;img src=&quot;/jsf/jsf_default/resoures.png&quot; height=&quot;600&quot;&gt;
                    &lt;img src=&quot;/jsf/javax.faces.resource/images/misc/kobe.png.xhtml?ln=demo&quot;&gt;
                        </pre>
                    </p:tab>

                    <!--<p:tab title="Documentation" titleStyleClass="tab-doc docslide-43" />-->
                </p:tabView>

            </ui:define>
        </ui:composition>
       
    </h:body>
</html>

